<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<base href="<%=basePath%>">

<title>价目表</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<title>升级优惠</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		body{
			background: #eeeeee;
		}
		.title{
			height: 70px;
			text-align: center;
			line-height: 70px;
			background: url(img/jmbjt.png) 95% center no-repeat;
			background-size: 2%;
		}
		.content{
			display: flex;
		}
		table{

			border-color: #eeeeee;
		}
		table td{
			height: 60px;
			text-align: center;
			background: #ffffff;
			padding: 0 5px;
			max-width: 80px;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}
		table thead tr th{
			background: #ffffff;
			height: 60px;
			text-align: center;
			font-weight: normal;
			padding: 0 5px;
		}
	</style>
	<script type="text/javascript" src="js/jquery-1.11.3.min.js"></script>
	<script src="js/iscroll.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript" src="js/public.js"></script>
	<script type="text/javascript" src="js/shop/shopprice.js"></script>
</head>
<body>
<jsp:include page="/public.jsp"/>
<div class="title">各级代理价目表</div>
<div class="content">
	<table class="table1" border="0" cellspacing="1" cellpadding="0">
		<thead>
		<tr>
			<th>商品名</th>
			<th>规格</th>
		</tr>
		</thead>
		<tbody id="shopinfo">
			<tr>
				<td>蝴蝶面</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>蝴蝶面</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>蝴蝶面面蝴蝶面面蝴蝶面面蝴蝶面面蝴蝶面面</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>蝴蝶面</td>
				<td>Data</td>
			</tr>
		</tbody>
	</table>

	<div id="wrapper" style="overflow: hidden;">
		<table border="0" cellspacing="1" cellpadding="0">
			<thead>
			<tr>
				<th>普通用户</th>
				<th>普通代理</th>
				<th>银牌代理</th>
				<th>金牌代理</th>
				<th>砖石代理</th>
				<th>至尊代理</th>
			</tr>
			</thead>
			<tbody id="proxyprice">
			<tr>
				<td>￥35.00</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			<tr>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
				<td>Data</td>
			</tr>
			</tbody>
		</table>
	</div>
</div>
<script type="text/javascript">
    $(function(){

        $("#wrapper").width($(window).width()-$(".table1").width());

        var myScroll = new IScroll('#wrapper', {
            scrollX: true,
            scrollY: false,
            mouseWheel: true
        });
    })

</script>
</body>
</html>